*{
	padding: 0;
	margin: 0;
}
.header{
	width: 970px;
	height: 103px;
	/* background-color: #f00; */
	margin: 0 auto;
}
.header .logo{
	float: left;
	width: 277px;
	height: 103px;
	background-color: #f00;
}
.header .nav-lan{
	float: left;
	width: 679px;
	height: 103px;
/* 	background-color: #0f0; */
	margin-left: 14px;
}
.header .nav-lan .lan{
	float: right;
	width: 137px;
	height: 49px;
	background-color: #0f0;
	margin-bottom: 8px;
}
.header .nav-lan .nav{
	float: right;
	width: 679px;
	height: 46px;
	background-color: #0f0;
	/* margin-bottom: 10px; */
}
.center{
	width: 970px;
	height: 435px;
	/* background-color: orange; */
	margin: 0 auto;
	margin-top: 10px;
}
.center .picture{
	float: left;
	width: 310px;
	height: 435px;
	background-color: #fc0;
}
.center .characer{
	float: left;
	width: 650px;
	height: 435px;
/* 	background-color: #39f; */
	margin-left: 10px;
}
.center .characer .content-top{
	width: 650px;
	height: 400px;
/* 	background-color: #39f; */
	margin-bottom: 10px;
}
.center .characer .content-bottom{
	width: 650px;
	height: 25px;
	background-color: #390;
}
.news{
	float: left;
	width: 450px;
	height: 400px;
/* 	background-color: #39f; */
}
.news .news-top{
	width: 450px;
	height: 240px;
	background-color: #39f;
	margin-bottom: 10px;
}
.news .news-center{
	width: 450px;
	height: 110px;
	background-color: #39f;
	margin-bottom: 10px;
}
.news .news-bottom{
	width: 450px;
	height: 30px;
	background-color: #39f;
}
.hot{
	float: left;
	width: 190px;
	height: 400px;
	background-color: #c39;
	margin-left: 10px;
}
.footer{
	width: 970px;
	height: 35px;
	background-color: #009;
	margin: 0 auto;
	margin-top: 10px;
}